<#assign config_v="20141009044">
<!DOCTYPE html>
<html lang = "en">
<head>
    <base target = "_blank">
    <meta charset = "utf-8">
    <meta http-equiv = "X-UA-Compatible" content = "IE=edge">
    <meta name = "viewport" content = "width=device-width, initial-scale=1">
    <meta name = "description" content = "${shishuo_seo_description}">
    <meta name = "author" content = "桃花妈妈家政服务有限公司">
    <link rel = "icon" href = "${TEMPLATE_BASE_PATH}/images/favicon.ico">
    <title>${shishuo_seo_title}</title>
    <#include "header-include.ftl">
</head>

<body>

<#--导航-->
<#include "nav.ftl">
<#--//导航-->

<#--轮播图片-->
<div class = "container">
    <div id="myCarousel" class="carousel slide">
        <ol class="carousel-indicators">
        <@shishuo_headline_list_tag>
            <#list tag_headline_list as headlist>
                <li data-target="#myCarousel" data-slide-to="${headlist_index}" class="<#if headlist_index == 1>active</#if>"></li>
            </#list>
        </@shishuo_headline_list_tag>
        </ol>
        <!-- Carousel items -->
        <div class="carousel-inner">
        <@shishuo_headline_list_tag>
            <#list tag_headline_list as headlist>
                <div class="<#if headlist_index == 1>active</#if> item">
                    <a href = "${headlist.url!''}"><img src="${headlist.picture}"></a></div>
            </#list>
        </@shishuo_headline_list_tag>
        </div>
    </div>
    <script type = "text/javascript">
        $(function () {
//        boostrap 轮播插件
            $("#myCarousel").carousel({
                        interval: 8000
                    }
            );
        });
    </script>
    <style>
        .carousel-inner > .item > img, .carousel-inner > .item > a > img{
            margin: 0 auto;
        }
    </style>
</div>
<#--//轮播图片-->

